<!DOCTYPE html>
<!-- 
Template Name: Cool Town
Version: 1.0.0
Author: Webstrot 

-->
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="zxx">
<!--[endif]-->

<head>
	<meta charset="utf-8" />
	<title>Cool Town</title>
	<meta content="width=device-width, initial-scale=1.0" name="viewport" />
	<meta name="description" content="Cool Town" />
	<meta name="keywords" content="Cool Town" />
	<meta name="author" content="" />
	<meta name="MobileOptimized" content="320" />
	<!--Template style -->
	<link rel="stylesheet" type="text/css" href="css/animate.css" />
	<link rel="stylesheet" href="https://www.jq22.com/jquery/bootstrap-4.2.1.css">
	<link rel="stylesheet" type="text/css" href="css/fonts.css" />
	<link rel="stylesheet" type="text/css" href="css/flaticon.css" />
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css">
	<link rel="stylesheet" type="text/css" href="css/fullpage.min.css" />
	<link rel="stylesheet" type="text/css" href="css/demo.css" />
	<link rel="stylesheet" type="text/css" href="css/owl.carousel.css" />
	<link rel="stylesheet" type="text/css" href="css/owl.theme.default.css" />
	<link rel="stylesheet" type="text/css" href="css/magnific-popup.css" />
	<link rel="stylesheet" type="text/css" href="css/style.css" />
	<link rel="stylesheet" type="text/css" href="css/responsive.css" />
	<!--favicon-->
	<link rel="shortcut icon" type="image/png" href="images/favicon.png" />
</head>

<body class="demo-3">
	<!-- preloader Start -->
	<div id="preloader">
		<div id="status">
			<img src="images/loader.gif" id="preloader_image" alt="loader">
		</div>
	</div>
	<!-- ck header wrapper Start -->
	<div class="ck_navigation_main_wrapper ck_navigation_inner_main_wrapper float_left">
		<div class="container-fluid">
			<div class="ck_logo_wrapper ck_logo_wrapper_inner">
				<a href="#">
					<img src="images/logo.png" alt="logo">
				</a>
			</div>
			<div class="ck_navigation_right_wrapper">
				<div class="main main--demo-3">
					<div class="content content--demo-3">
						<div class="hamburger hamburger--demo-3 js-hover hamburger_inner">
							<div class="hamburger__line hamburger__line--01">
								<div class="hamburger__line-in hamburger__line-in--01"></div>
							</div>
							<div class="hamburger__line hamburger__line--02">
								<div class="hamburger__line-in hamburger__line-in--02"></div>
							</div>
							<div class="hamburger__line hamburger__line--03">
								<div class="hamburger__line-in hamburger__line-in--03"></div>
							</div>
							<div class="hamburger__line hamburger__line--cross01">
								<div class="hamburger__line-in hamburger__line-in--cross01"></div>
							</div>
							<div class="hamburger__line hamburger__line--cross02">
								<div class="hamburger__line-in hamburger__line-in--cross02"></div>
							</div>
						</div>
						<div class="global-menu">
							<div class="global-menu__wrap" id='cssmenu'>
								<ul>
									<li class="has-sub"><a class="global-menu__item global-menu__item--demo-3" href="#">主页</a>
										<ul>
											<li><a href="index_II.html" class="global-menu__item global-menu__item--demo-3">主页详细</a>
											</li>
										</ul>
									</li>
									
									<li class="has-sub"><a class="global-menu__item global-menu__item--demo-3" href="#">产品</a>
										<ul>
											<li><a href="product_sidebar.html" class="global-menu__item global-menu__item--demo-3">产品详情</a>
											</li>
										</ul>
									</li>
									<li><a class="global-menu__item global-menu__item--demo-3" href="gallery.html">产品展示</a>
									</li>
									<li class="has-sub"><a class="global-menu__item global-menu__item--demo-3" href="#">分页</a>
										<ul>
											<li><a href="cart.html" class="global-menu__item global-menu__item--demo-3">购物车</a>
											</li>
										</ul>
									</li>
									<li class="has-sub"><a class="global-menu__item global-menu__item--demo-3" href="#">博客</a>
										<ul>
											<li><a href="blog_single_right.html" class="global-menu__item global-menu__item--demo-3">博客详情</a>
											</li>
										</ul>
									</li>
									
								</ul>
							</div>
						</div>
						<svg class="shape-overlays" viewBox="0 0 100 100" preserveAspectRatio="none">
							<path class="shape-overlays__path" d="M 0 100 C 50 100 50 100 100 100 V 100 H 0"></path>
							<path class="shape-overlays__path" d="M 0 100 C 50 100 50 100 100 100 V 100 H 0"></path>
							<path class="shape-overlays__path" d="M 0 100 C 50 100 50 100 100 100 V 100 H 0"></path>
						</svg>
					</div>
				</div>
				<div class="ck_login_btn">	<a href="#" data-toggle="modal" data-target="#myModal"><i class="flaticon-login-square-arrow-button-outline"></i></a>
				</div>
				<div class="buss_cart_section_wrapper">
					<div class="buzz_cart">
						<ul>
							<li class="buzz_cart_dropdown"><a href="#"><i class="flaticon-shopping-bag"></i> <span>3</span></a>
								<ul>
									<li>
										<div class="cc_cart_wrapper1 menu-button float_left">
											<div class="cc_cart_img_wrapper">
												<img src="images/ft1.jpg" alt="cart_img" />
											</div>
											<div class="cc_cart_cont_wrapper">
												<h4><a href="#">双球草莓冰淇淋</a></h4>
												<p>价格：2 x 12 ￥</p>
												<h5>24￥</h5>
												<button type="button" class="close" data-dismiss="modal">&times;</button>
											</div>
										</div>
									</li>
									<li>
										<div class="cc_cart_wrapper1 menu-button float_left">
											<div class="cc_cart_img_wrapper">
												<img src="images/ft2.jpg" alt="cart_img" />
											</div>
											<div class="cc_cart_cont_wrapper">
												<h4><a href="#">巧克力香酥饼</a></h4>
												<p>价格：3 x 6 ￥</p>
												<h5>18￥</h5>
												<button type="button" class="close" data-dismiss="modal">&times;</button>
											</div>
										</div>
									</li>
									<li>
										<div class="cc_cart_wrapper1 menu-button float_left">
											<div class="cc_cart_img_wrapper">
												<img src="images/ft3.jpg" alt="cart_img" />
											</div>
											<div class="cc_cart_cont_wrapper">
												<h4><a href="#">芒果冰岛</a></h4>
												<p>价格：1 x 180 ￥</p>
												<h5>180￥</h5>
												<button type="button" class="close" data-dismiss="modal">&times;</button>
											</div>
										</div>
									</li>
									<li>
										<div class="buzz_cart_btn"> <a href="checout.html">结账</a>
										</div>
									</li>
								</ul>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- ck navigation wrapper End -->
	<!-- ck title wrapper -->
	<div class="ck_title_main_wrapper float_left">
		<div class="container">
			<div class="row">
				<div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
					<div class="ck_title_cont float_left">
						<p>商品展示</p>
					</div>
				</div>
				<div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 col-12">
					<div class="ck_title_cont float_left">
						<ul>
							<li><a href="index_II.html">主页 &nbsp; ></a>
							</li>
							<li>商品展示</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- ck title wrapper End -->
	<!-- ck gallery wrapper Start -->
	<div class="ck_gallery_page_inner_main_wrapper float_left">
		<div class="ck_inner_heading_wrapper ck_inner_pg_heading_wrapper float_left">
			<h3>冰淇淋展</h3>
		</div>
		<div class="ck_gallery_box_main_wrapper ck_gallery_box_main_wrapper_inner float_left zoom_popup">
			<img src="images/g1.jpg" alt="img">
			<div class="overlay"></div>
			<div class="ck_gallery_cont_wrapper float_left">
				<a href="images/g1.jpg"><i class="flaticon-right-arrow"></i></a>
			</div>
		</div>
		<div class="ck_gallery_box_main_wrapper ck_gallery_box_main_wrapper_inner float_left zoom_popup">
			<img src="images/g2.jpg" alt="img">
			<div class="overlay"></div>
			<div class="ck_gallery_cont_wrapper float_left">
				<a href="images/g2.jpg"><i class="flaticon-right-arrow"></i></a>
			</div>
		</div>
		<div class="ck_gallery_box_main_wrapper ck_gallery_box_main_wrapper_inner float_left zoom_popup">
			<img src="images/g3.jpg" alt="img">
			<div class="overlay"></div>
			<div class="ck_gallery_cont_wrapper float_left">
				<a href="images/g3.jpg"><i class="flaticon-right-arrow"></i></a>
			</div>
		</div>
		<div class="ck_gallery_box_main_wrapper ck_gallery_box_main_wrapper_inner float_left zoom_popup">
			<img src="images/g4.jpg" alt="img">
			<div class="overlay"></div>
			<div class="ck_gallery_cont_wrapper float_left">
				<a href="images/g4.jpg"><i class="flaticon-right-arrow"></i></a>
			</div>
		</div>
		<div class="ck_gallery_box_main_wrapper ck_gallery_box_main_wrapper_inner float_left zoom_popup">
			<img src="images/g5.jpg" alt="img">
			<div class="overlay"></div>
			<div class="ck_gallery_cont_wrapper float_left">
				<a href="images/g5.jpg"><i class="flaticon-right-arrow"></i></a>
			</div>
		</div>
		<div class="ck_gallery_box_main_wrapper ck_gallery_box_main_wrapper_inner float_left zoom_popup">
			<img src="images/g6.jpg" alt="img">
			<div class="overlay"></div>
			<div class="ck_gallery_cont_wrapper float_left">
				<a href="images/g6.jpg"><i class="flaticon-right-arrow"></i></a>
			</div>
		</div>
		<div class="ck_gallery_box_main_wrapper ck_gallery_box_main_wrapper_inner float_left zoom_popup">
			<img src="images/g3.jpg" alt="img">
			<div class="overlay"></div>
			<div class="ck_gallery_cont_wrapper float_left">
				<a href="images/g3.jpg"><i class="flaticon-right-arrow"></i></a>
			</div>
		</div>
		<div class="ck_gallery_box_main_wrapper ck_gallery_box_main_wrapper_inner float_left zoom_popup">
			<img src="images/g2.jpg" alt="img">
			<div class="overlay"></div>
			<div class="ck_gallery_cont_wrapper float_left">
				<a href="images/g2.jpg"><i class="flaticon-right-arrow"></i></a>
			</div>
		</div>
		<div class="ck_gallery_box_main_wrapper ck_gallery_box_main_wrapper_inner float_left zoom_popup">
			<img src="images/g4.jpg" alt="img">
			<div class="overlay"></div>
			<div class="ck_gallery_cont_wrapper float_left">
				<a href="images/g4.jpg"><i class="flaticon-right-arrow"></i></a>
			</div>
		</div>
		<div class="ck_gallery_box_main_wrapper ck_gallery_box_main_wrapper_inner float_left zoom_popup">
			<img src="images/g6.jpg" alt="img">
			<div class="overlay"></div>
			<div class="ck_gallery_cont_wrapper float_left">
				<a href="images/g6.jpg"><i class="flaticon-right-arrow"></i></a>
			</div>
		</div>
		<div class="ck_red_btn ck_gallery_red_btn float_left">	<a href="#">更多</a>
		</div>
	</div>
	<!-- ck gallery wrapper End -->
	<!-- cll wrapper Start-->
	<div class="ck_call_main_wrapper float_left">
		<div class="container">
			<div class="ck_cll_left_wrapper">
				<div class="ck_cll_icon align-self-center">	<i class="flaticon-phone-contact"></i>
					<h4>热线电话</h4>
					<p>13982847393</p>
				</div>
				<div class="ck_cll_img">
					<img src="images/cll_img.png" alt="img">
				</div>
			</div>
			<div class="ck_cll_right_wrapper">
				<div class="cl_cll_form">
					<input type="text" placeholder="电子邮件">
					<button>订阅</button>
				</div>
			</div>
		</div>
	</div>
	<!-- cll wrapper End-->
	<!-- partner wrapper Start-->
	<div class="ck_partner_inner_main_wrapper float_left">
		<div class="container">
			<div class="row">
				<div class="col-md-12">
					<div class="ck_inner_heading_wrapper float_left">
						<h4>加盟我们吧</h4>
						<h3>合作伙伴</h3>
					</div>
				</div>
				<div class="col-md-12">
					<div class="lr_prt_slider_wrapper">
						<div class="owl-carousel owl-theme">
							<div class="item">
								<div class="lr_prt_img_wrapper">
									<img src="images/p1.jpg" alt="partner_img">
								</div>
							</div>
							<div class="item">
								<div class="lr_prt_img_wrapper">
									<img src="images/p2.jpg" alt="partner_img">
								</div>
							</div>
							<div class="item">
								<div class="lr_prt_img_wrapper">
									<img src="images/p3.jpg" alt="partner_img">
								</div>
							</div>
							<div class="item">
								<div class="lr_prt_img_wrapper">
									<img src="images/p4.jpg" alt="partner_img">
								</div>
							</div>
							<div class="item">
								<div class="lr_prt_img_wrapper">
									<img src="images/p5.jpg" alt="partner_img">
								</div>
							</div>
							<div class="item">
								<div class="lr_prt_img_wrapper">
									<img src="images/p6.jpg" alt="partner_img">
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- partner wrapper End-->
	<div class="section2_bottom_wrapper float_left">
		<div class="container">
			<div class="row">
				<div class="col-lg-12 col-md-12 col-xs-12 col-sm-12">
					<div class="btm_foter_box">
						<p>Copyright © 2019 <a href="#"> Cool Town</a> Template by <a href="#"> Webstrot</a>
						</p>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="modal fade st_pop_form_wrapper" id="myModal" role="dialog">
		<div class="modal-dialog">
			<div class="modal-content">
							<button type="button" class="close" data-dismiss="modal">&times;</button>
							<div class="st_pop_form_heading_wrapper float_left">
								<h3>注册</h3>
							</div>
							<div class="st_profile_input float_left">
								<input type="text" placeholder="Email / Mobile Number">
							</div>
							<div class="st_profile_input st_profile__pass_input_pop float_left">
								<input type="password" placeholder="Password">
							</div>
							<div class="st_form_pop_signin_btn float_left">
								<h4>还没账号？ <a href="checout.html" data-toggle="modal" data-target="#myModa3" target="_blank">立即注册</a></h4>
							</div>
							<div class="st_form_pop_fp float_left">
								<h3><a href="#" data-toggle="modal" data-target="#myModa2" target="_blank">忘记了密码?</a></h3>
							</div>
							<div class="st_form_pop_login_btn float_left">	<a href="page-1-7_profile_settings.html">登录</a>
							</div>
			</div>
		</div>
	</div>
	<div class="modal fade st_pop_form_wrapper" id="myModa2" role="dialog">
		<div class="modal-dialog">
			<div class="modal-content">
				<button type="button" class="close" data-dismiss="modal">&times;</button>
				<div class="st_pop_form_heading_wrapper st_pop_form_heading_wrapper_fpass float_left">
					<h3>忘记密码？</h3>
					<p>我们可以帮助你，输入电话号码或者注册码</p>
				</div>
				<div class="st_profile_input st_profile_input_very float_left">
					<input type="text" placeholder="Email / Mobile Number">
				</div>
				<div class="st_form_pop_fpass_btn float_left">	<a href="#">检测</a>
				</div>
			</div>
		</div>
	</div>
	<div class="modal fade st_pop_form_wrapper" id="myModa3" role="dialog">
		<div class="modal-dialog">
			<div class="modal-content">
				<button type="button" class="close" data-dismiss="modal">&times;</button>
				<div class="st_pop_form_heading_wrapper float_left">
					<h3>登录</h3>
				</div>
				<div class="st_profile_input float_left">
					<input type="text" placeholder="Email / Mobile Number">
				</div>
				<div class="st_profile_input st_profile__pass_input_pop float_left">
					<input type="password" placeholder="Password">
				</div>
				<div class="st_form_pop_fp float_left">
					<h3><a href="#" data-toggle="modal" data-target="#myModa2" target="_blank">忘记密码</a></h3>
				</div>
				<div class="st_form_pop_login_btn float_left">	<a href="page-1-7_profile_settings.html">LOGIN</a>
				</div>
			</div>
		</div>
	</div>
	<!-- st login wrapper Start -->
	<!-- st login wrapper End -->
	<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/modernizr.js"></script>
	<script src="js/fullpage.min.js"></script>
	<script src="js/scrolloverflow.js"></script>
	<script src="js/demo3.js"></script>
	<script src="js/easings.js"></script>
	<script src="js/jquery.inview.min.js"></script>
	<script src="js/jquery.countTo.js"></script>
	<script src="js/owl.carousel.js"></script>
	<script src="js/jquery.magnific-popup.js"></script>
	<script src="js/custom.js"></script>
	<!-- custom js-->
</body>

</html>